@charset "UTF-8";
@r32: 0.32rem;
@red:#FC4141;
@n:1.44;
#app {
  color: #212633;
  font-size: 0.28rem;
  font-family:PingFang SC;
}
body{
  max-width: 750px;
  margin: 0 auto;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a{
  text-decoration: none;
  color: inherit;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  border: none;
}
.red{
  color:#FC4141!important; ;
}
.mint-header{
  background-color: white!important;
  color: #212633!important;
  height: 1rem!important;
  font-size: 0.36rem!important;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
.content-box{
  padding-top: 0.32rem;
}
.padding-lr-32{
  padding-left: 0.32rem;
  padding-right: 0.32rem;

}
.padding-tb-32{
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;

}
.padding-top-32{
  padding-top: 0.32rem;
}
.padding-top-10{
  padding-top: 0.1em;
}
.margin-bottom-10{
  margin-bottom: 0.1rem!important;
}
.margin-bottom-20{
  margin-bottom: 0.2rem!important;
}
.margin-bottom-30{
  margin-bottom: 0.3rem!important;
}
.margin-top-10{
  margin-top: 0.1rem!important;
}
.margin-top-20{
  margin-top: 0.2rem!important;
}
.margin-top-30{
  margin-top: 0.3rem!important;
}

.z-index2{
  position: relative;
  z-index: 2;
}

.none{
  display: none;
}
.w100 {
  width: 100%!important;
}
.nowrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.title3{
  font-size: 0.36rem;
}
.title4{
  font-size: 0.32rem;
}
.text{
  color: #9397A2;
  font-size: 0.28rem;
}
.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex {
  display: flex;
}

.flex-direction {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-center {
  align-items: center;
}
.align-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-stretch {
  align-self: stretch;
}
.align-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.normal-list{
  >li{
    box-shadow:0 0 16px rgba(78,83,97,0.12);
    border-radius:0.12rem;
    padding: 0.28rem @r32;
    margin-bottom: @r32;

  }
}
.normal-list-item{
  width: 50%;
}
.normal-list-item-label{
  color: #7A7D85;
  font-size: 0.26rem;
}
.normal-list-item-val{
  font-size: 0.28rem;
  font-weight: bold;
}
.tag{
  font-size: 0.2rem;
  padding: 0.08rem 0.1rem;
  line-height: 1;
  border-radius:0.06rem;
  color: white;
  display: inline-block;
  margin-left: 0.1rem;
  transform: translateY(-0.05rem);
  &.tag-red{
    background: @red;
  }
}
.detail-banner{
  box-shadow:0 0 16px rgba(78,83,97,0.12);
  border-radius:0.12rem;
  padding: @r32;
}
.detail-person{
  //padding-bottom: 0.3rem;

}
.detail-per-img{
  width: 0.7rem;
  height: 1rem;
  background:linear-gradient(180deg,rgba(227,227,227,1) 0%,rgba(205,206,209,1) 100%);
  border-radius:0.04rem;
  overflow: hidden;
  margin-right: 0.2rem;
}
.detail-per-des{
  width: calc(100% - 0.9rem);
  .title3{
    margin-bottom: 0.1rem;
  }
}
.per-error{
  padding-top: 0.25rem;
}
.per-error{
  border-top:1px solid #F5F5F5;
}
.per-error-label{
  width: 1rem;
}
.per-error-val{
  width: calc(100% - 1rem);
  font-size: 0.28rem;
  padding-top: 0.02rem;
  p{
    margin-bottom: 0.05rem;
    &:last-child{
      margin-bottom: 0;
    }
  }
}
.tab{
  a{
    display: inline-block;
    color: #9397A2;
    font-weight:500;
    font-size:.32rem;
    position: relative;
    padding-bottom:0.1rem;
    margin-right: .5rem;
    &:after{
      display: inline-block;
      content: '';
      position: absolute;
      width: 0.28rem;
      height: 0.04rem;
      background: transparent;
      bottom: 0;
      left: 50%;
      margin-left: -.14rem;
    }
    &.router-link-active{
      color: #4881F3;
      &:after{
        background: #4881F3;
      }
    }
    &.active{
      color: #4881F3;
      &:after{
        background: #4881F3;
      }
    }
  }
}
.info{
  background:#F5F6F9;
  border-radius:.12rem;
  padding: 0 .32rem;
  .info-item:last-child{
    border-bottom:none;
  }
}
.info-item{
  padding: .28rem 0;
  border-bottom: 1px dashed #DFE0E4;
  .info-item-small:last-child{
    margin-bottom: 0;
  }
}
.info-item-small{
  display: flex;
  margin-bottom: 0.2rem;
}
.info-item-small-label{
  width: 1.44rem;
  padding-right: .32rem;
  text-align: right;
}
.info-item-small-val{
  width: calc(100% - 1.5rem);
}
.trajectory{
  .trajectory-item:last-child{
    &:after{
      display: none;
    }
  }
}
.trajectory-item{
  padding: 0.28rem 0.32rem;
  width: 6.54rem;
  margin-left: 0.32rem;
  background:#F5F6F9;
  border-radius:.12rem;
  position: relative;
  margin-bottom: 0.3rem;
  &:before{
    display: inline-block;
    content: '';
    position: absolute;
    width: 0.16rem;
    box-sizing: border-box;
    height: 0.16rem;
    border-radius: 50%;
    border:0.06rem solid #4881F3;
    background: white;
    top: 0.38rem;
    left: -0.3rem;
  }
  &:after{
    display: inline-block;
    content: '';
    position: absolute;
    width: 0.02rem ;
    background: rgba(72,129,243,.1);
    //background: red;
    height: calc(100% + 0.3rem);
    top: 0.38rem;
    left: -0.23rem;
  }
}

.no-data {
  width: 3.35rem;
  height: 2rem;
  margin: 5rem auto 0 auto;
  position: relative;
  background: url("../images/no-data.png") no-repeat center/100%;

  p{
  color: #737983;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  }
}
.my-certificate {
  border-top: 0.15rem solid #f2f1f6;
  padding: 0 .32rem;
  li {
    border-bottom: 1px solid #f2f1f6;
    >a {
      padding: 0.28rem 0;
      display: block;
      font-size: .32rem;
    }
    .er-list{
      padding: 0 .32rem 0.1rem;
      dd{
        padding-bottom: 0.2rem;
        padding-left: .2rem;
      }
    }
  }
}
.banner{
  height: 2.08rem;
  background: url("../images/banner.jpg") no-repeat center/cover;
  color: white;
  padding: 0.5rem 0 0 0.32rem;
  h3{
    font-size: 0.32rem;
    margin-bottom: 0.15rem;
  }
  p{
    font-size: 0.27rem;
  }
}
.info-title{
  background: white;
  padding: 0.32rem;
}
.footer-button{
  background: white;
  z-index: 100;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-bottom: .24rem;
}

.buttonSubmit{
  display: block;
  color: white;
  background: #2b92fc;
  font-weight: 500;
  width: 6.86rem;
  height: .96rem;
  font-size: .32rem;
  line-height: .90rem;
  text-align: center;
  border-radius: .08rem;
  margin: 0 auto;
  &.disabled {
    background: rgba(224,224,225,1);
  }
}
.file_item{
  display: flex;
  padding: .2rem .32rem;
  justify-content: space-between;
  align-items: center;
  background: rgba(245,246,249,1);
  border-radius: .08rem;
  margin-bottom: 0.2rem;
}
.prediv{
  width: 0.92rem;
  height: 0.92rem;
  overflow: hidden;
  font-size: 0;
  img{
    width: 100%;
  }
}
